@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-12-08 19:05:08
 * @version $Id$
 */
header{overflow: hidden;height: 0.88rem;background: #0eb852;font-size: .5rem; color: #fff;width: 100%;}
header h1{font-size: .36rem;margin-top: .2rem;width: 70%;text-align: center;}
header a:visited,header a:link{color: #fff;}
header a{margin-top: .09rem;width: 15%}
header .search-icon{font-size: .4rem;margin-top: -.05rem;margin-left: .1rem;}
header .user-icon{margin-right: .1rem;font-size: .5rem;}


footer{width: 100%;position: fixed;bottom: 0;background: #fff;border-top: .03rem solid #999;}
footer ul{font-size: 0;margin-top: .1rem;}
footer li{width: 16.666666%;height: 1.2rem;display: inline-block;text-align: center;margin-bottom: .1rem;}
footer .footer-icon{width: 1rem;height: 1rem;background: #bbbbbb;border-radius: 50%;padding-top: .1rem;margin-left: .1rem;color: white;font-size: .7rem;margin:0 auto;}
footer ul li p{font-size: .2rem;font-weight: bolder;color: #777;}
footer li a:active{color: #bbb;font-size: .3rem;}
footer li a{display: block;}
footer ul li .green{background: #0db850;}